<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者农药</title>
    <link rel="shortcut icon" href="./favicon/favo.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/1-top.css">
    <link rel="stylesheet" href="./css/2-header.css">
    <link rel="stylesheet" href="./css/3-banner.css">
    
</head>
<body>
    <div class="top">
        <div class="wrap_1 top-main">
            <div class="top-main-left">
                <div class="top-log">
                    <a href="#">腾讯游戏</a>
                </div>
                <div class="edition-log">
                    <img src="./img/edition-log.jpg" alt="">
                </div>
            </div>
            <div class="top-main-right">
                <ul>
                    <li>
                        <a href="#">成长守护平台</a>
                    </li>
                    <li>
                        <a href="#">腾讯游戏排行榜</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="header-main wrap_2">
            <div class="header-left">
                <div class="logo">
                    <a href="#">王者荣耀</a>
                </div>
                <ul>
                    <li>
                        <span>游戏资料</span>
                        <p>DATA</p>
                    </li>
                    <li>
                        <span>游戏资料</span>
                        <p>DATA</p>
                    </li>
                    <li>
                        <span>游戏资料</span>
                        <p>DATA</p>
                    </li>
                    <li>
                        <span>游戏资料</span>
                        <p>DATA</p>
                    </li>
                    <li>
                        <span>游戏资料</span>
                        <p>DATA</p>
                    </li>
                </ul>
            </div>
            <div class="header-right">
            </div>
        </div>
    </div>
    <a class="kv_link" title="查看爆料"></a>
    <div class="banner">
        <div class="wrap_3 banner-main">
            <div class="banner-ggBox">
                <ul class="banner-this">
                    <li>
                        <img src="./img/banner1.jpeg" alt="">
                    </li>
                    <li>
                        <img src="./img/banner2.jpeg" alt="">
                    </li>
                    <li>
                        <img src="./img/banner3.jpeg" alt="">
                    </li>
                    <li>
                        <img src="./img/banner4.jpeg" alt="">
                    </li>
                    <li>
                        <img src="./img/banner5.jpeg" alt="">
                    </li>
                </ul>
                <div class="adBtn">
                    <a data-index="0" href="" class="active">桑启的旅途故事</a>
                    <a data-index="1" href="">启示之音抢先听</a>
                    <a data-index="2" href="">谁成为版本之子</a>
                    <a data-index="3" href="">观赛体验升级</a>
                    <a data-index="4" href="">季后赛开战</a>
                </div>
            </div>
            <div class="news-center">
                <div class="new-list">
                    <ul class="new-header">
                        <li data-index="0" class="item active">
                            <a href="">热门</a>
                        </li>
                        <li data-index="1" class="item">
                            <a href="">新闻</a>
                        </li>
                        <li data-index="2" class="item">
                            <a href="">公告</a>
                        </li>
                        <li data-index="3" class="item">
                            <a href="">活动</a>
                        </li>
                        <li data-index="4" class="item">
                            <a href="">赛事</a>
                        </li>
                        <li class="item more">
                            <a href="">...</a>
                        </li>
                    </ul>
                    <ul class="new-body">
                        <li class="body-item">
                            <div class="new-title">
                                8月25日体验服停机更新公告222222
                            </div>
                            <ul class="new-message">
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑333333333333333 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                            </ul>
                        </li>
                        <li class="body-item">
                            <div class="new-title">
                                8月25日体验服停机更新公告222222
                            </div>
                            <ul class="new-message">
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                            </ul>
                        </li>
                        <li class="body-item">
                            <div class="new-title">
                                8月25日体验服停机更新公告222222
                            </div>
                            <ul class="new-message">
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                            </ul>
                        </li>
                        <li class="body-item">
                            <div class="new-title">
                                8月25日体验服停机更新公告222222
                            </div>
                            <ul class="new-message">
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                            </ul>
                        </li>
                        <li class="body-item">
                            <div class="new-title">
                                8月25日体验服停机更新公告222222
                            </div>
                            <ul class="new-message">
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                                <li>
                                    <span class="title">活动</span>
                                    <span class="msg">《行剑 枫霜尽》活动开启公告</span>
                                    <em>8/24</em>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="buttons-module">
                <a href="" class="download-btn btns"></a>
                <a href="" class="guard-btn btns"></a>
                <a href="" class="experience-btn btns"></a>
            </div>
        </div>
    </div>
    <div class="quick-main wrap_3">
            <div class="item">
                <img src="./img/quick.jpg" alt="">
            </div>
            <div class="item">
                <img src="./img/quick.jpg" alt="">
            </div>
            <div class="item">
                <img src="./img/quick.jpg" alt="">
            </div>
            <div class="item">
                <img src="./img/quick.jpg" alt="">
            </div>
    </div>
    <script src="./js/banner-img.js"></script>
    <script src="./js/banner-news.js"></script>
    <div style="height: 2000px;"></div>
</body>
</html>